view{
    box-sizing: border-box;
}
page{
    background-color: #f2f2f2;
}
.list{
    .card{
        margin-top: 28rpx;
        margin-left: 22rpx;
        width: calc(~"100% - 44rpx");
        height: 261rpx;
        background-image: linear-gradient(135deg, 
            rgba(249, 212, 204, 0.87) 0%, 
            rgba(180, 130, 120, 0.87) 100%), 
        linear-gradient(
            #e4bda5, 
            #e4bda5);
        background-blend-mode: normal, 
                normal;
        box-shadow: 0rpx 8rpx 20rpx 0rpx 
                rgba(120, 72, 62, 0.3);
        border-radius: 18rpx 14rpx 14rpx 14rpx;
        padding: 45rpx 32rpx 0rpx;
        color: #5e3425;
        
        .first-line{
            display: flex;
            font-size: 34rpx;
            image{
                width: 48rpx;
                height: 48rpx;
            }
            .name{
                margin-left: 12rpx;
                text{
                   font-size:  19rpx;
                }
            }
        }
        .second-line{
            display: flex;
            justify-content: space-between;
            margin-top: 44rpx;
            font-size: 69rpx;
            line-height: 49rpx;
            width: 90%;
        }
        
    }
    .addview{
        margin-top: 28rpx;
        margin-left: 22rpx;
        width: calc(~"100% - 44rpx");
        height: 163rpx;
        background-color: #ffffff;
        box-shadow: 8rpx 9rpx 18rpx 3rpx 
            rgba(106, 106, 106, 0.3);
        border-radius: 18rpx 14rpx 14rpx 14rpx;
        text-align: center;
        image{
            width: 57rpx;
            height: 57rpx;
            margin: 24rpx auto 0;
        }
        .des{
            margin-top: 21rpx;
            height: 28rpx;
            line-height: 28rpx;
            font-size: 28rpx;
            color: #2d2d2d;

        }
    }

}